<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<meta name="Description" content="微信商城" />
		<meta name="Keywords" content="微信 商场" />
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<meta name="format-detection" content="telephone=no" />
		<meta name="format-detection" content="address=no" />
		<meta name="apple-mobile-web-app-capable" content="yes" />
		<meta name="apple-mobile-web-app-status-bar-style" content="white" />
		<title>微信商城首页</title>
		<link rel="stylesheet" type="text/css" href="vendor/normalize.min.css" />
		<link rel="stylesheet" type="text/css" href="vendor/font-awesome/css/font-awesome.min.css" />
		<link rel="stylesheet" type="text/css" href="vendor/swiper/swiper.min.css" />
		<link rel="stylesheet" type="text/css" href="vendor/icheck-1/skins/all.css"/>
		<link rel="stylesheet" type="text/css" href="css/core.css" />
	</head>
	<body>
		<header class="common-header">
			<div class="header-title">
				<a href="#" class="toggle"></a>
				<a href="index.html" class="logo"></a>	
				<div class="title-right">
					<a href="#" class="editor">编辑</a>	
				</div>				
			</div>
			<ul class="header-hid-nav">
				<li>					
					<a href="index.html"><img src="img/index/hide-nav4.jpg"/><span>首页</span></a>					
				</li>
				<li>
					<a href="special.html"><img src="img/index/hide-nav3.jpg"/><span>专题</span></a>					
				</li>
				<li>
					<a href="classify.html"><img src="img/index/hide-nav2.jpg"/><span>分类</span></a>					
				</li>
				<li>
					<a href="personal.html"><img src="img/index/hide-nav.jpg"/><span>个人</span></a>					
				</li>
			</ul>
		</header>
		<section class="cart-container">
			<!--商品保证-->
			<section class="container-ensure">
				<ul class="ensure-list">
					<li>30天无忧退货</li>
					<li>48小时快速退款</li>
					<li>满88元免邮费</li>
				</ul>
			</section>
			
			<!--商品优惠-->
			<section class="container-benefit">
				<a href="#">
					<span class="benefit-check">查看赠品</span>
					<div class="benefit-left">
						<i class="benefit-tag">满赠</i>
						<span class="benefit-text">
							再加
							<!--还差多少金额可以享受优惠-->
							<span class="text-num">431</span>
							<span>元，【全场】满500元...</span>
						</span>
					</div>
				</a>
			</section>
			
			<!--加入购物车的商品-->
			<section class="container-goods">
				<!--商品选中状态-->
				<input id="aaa" class="goods-checkbox" type="checkbox" name="" id="" value="" />
				<!--商品的详情-->
				<div class="goods-details">
					
					<!--商品的图片及价格-->
					<div class="details-pic">
						<img src="img/goods-details/swiper1.png" alt="" />
					</div>
					
					<!--加入购物车的商品的基本规格-->
					<div class="details-spec">
						<p class="spec-color">
							已选择：
							<span class="color-secleted">灰色</span>
							<i class="fa fa-chevron-right"></i>
						</p>
						
						<!--对商品的数量加减操作-->
						<div class="spec-numchange">
							<span class="numchange-money">￥138.00</span>
							<div class="numchange-button-wrapper clearfix">
								<div class="button-minus first">-</div>
								<div class="button-num">2</div>
								<div class="button-plus">+</div>
							</div>
						</div>
					</div>
				</div>
			</section>
			
			<!--商品选中下单-->
			<footer class="cart-footer">
				<div class="footer-checkbox">
					<input class="checkbox-input" type="checkbox" name="" id="" value=""/>
					<label for="">已选(0)</label>
				</div>
				<a class="footer-button" href="#">删除所选</a>
			</footer>
		</section>
		
		
		
		<script src="js/resize.js"></script>
		<!--<script src="vendor/PCASClass.js"></script>-->
		<script src="vendor/require.min.js" data-main="js/cart"></script>
		<script src="vendor/icheck-1/zepto.js" type="text/javascript" charset="utf-8"></script>
		<script src="vendor/icheck-1/custom.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="vendor/icheck-1/icheck.min.js" type="text/javascript" charset="utf-8"></script>
	
		<script>
			$(document).ready(function(){
			  $('input').iCheck({
			    checkboxClass: 'iradio_square-red',
			    radioClass: 'iradio_square-red',
			    increaseArea: '20%' // optional
			  });
			  
			});
</script>
	</body>
</html>
